<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	<h:head><title>Envío de mensaje</title>
		<style type="text/css"> body{
		font: 62.5% "Trebuchet MS", sans-serif;
		
	}
	
.ui-widget-content .ui-datalist-content {
	border: none;
	background: transparent;
	background-image: none;
}
	</style> 
	 </h:head>
	<h:body>
		<h:form>									
								<h:panelGrid columns="1">
									<p:growl id="growl" />
									<h:outputLabel for="listUsers" value="Para:" />
									<p:autoComplete value="#{listMails.todosUsuarios}"
										id="listUsers" completeMethod="#{listMails.complateUser}"
										onselect="#{listMails.getUsuarios}" var="p"
										itemLabel="#{p.id.nombreCompleto}" itemValue="#{p}"
										converter="#{listMails}" forceSelection="true" multiple="true">
										<p:ajax event="itemUnselect"
											listener="#{listMails.handleUnselect}" update="growl" />
										<p:ajax event="itemSelect" listener="#{listMails.sendMail}" />
										<p:column>
											<p:graphicImage value="../resources/profilePictures/default.jpg"
												width="40" height="50" />
										</p:column>

										<p:column>  
                    #{p.id.nombreCompleto} - #{p.id.nombreUsuario}  
                </p:column>
									</p:autoComplete>


									<h:outputLabel for="Asunto" value="Asunto:" />
									<h:inputText id="Asunto" label="Asunto" size="60"
										value="#{listMails.asunto}" />


									<p:editor width="550" value="#{listMails.mensaje}" />
									<p:growl id="messages2"/>
									<p:commandButton id="loginButton" value="Enviar" update="messages2" ajax="false"
										actionListener="#{listMails.sendMail}"
										/>

									<f:facet name="footer">


									</f:facet>

									<p:separator style="margin-top:20px" />
								</h:panelGrid>
								


																	
	</h:form>
	</h:body>
	
</html>
